<!DOCTYPE html>
<html lang="en">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <title>供应商扫码</title>
    <link rel="stylesheet" href="/Public/layui/css/layui.css"/>
    <script type="text/javascript" src="/Public/layui/layui.js"></script>

</head>
<style>
    html,body{
        background-color: #fff;
        height: 100%;
    }
    .qrCode {
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
    }
</style>
<body>
    <div class="qrCode">
        <img src="/Public/images/san.png" style="width: 200px;height: 200px;" onclick="san_qrcode()">
    </div>
</body>
</html>
<script type="text/javascript" src="/Public/js/jquery-3.3.1.min.js"></script>
<script type="text/javascript" src="https://res.wx.qq.com/open/js/jweixin-1.4.0.js"></script>
<script>
    let jssdk = '{$jssdk}'
    $(function (){
        jssdk = JSON.parse(jssdk);
        wx.config(
            {
                debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数
                appId: jssdk.appId,
                timestamp: jssdk.timestamp, // 必填，生成签名的时间戳
                nonceStr: jssdk.nonceStr, // 必填，生成签名的随机串
                signature: jssdk.signature,// 必填，签名
                jsApiList: ['scanQRCode'] // 必填，需要使用的JS接口列表
            });
    })



    function san_qrcode()
    {
        wx.scanQRCode({
            needResult: 0, // 默认为0，扫描结果由微信处理，1则直接返回扫描结果，
            scanType: ["qrCode","barCode"], // 可以指定扫二维码还是一维码，默认二者都有
            success: function (res) {
                var result = res.resultStr; // 当needResult 为 1 时，扫码返回的结果
            }
        });
    }
</script>